<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打字练习</title>
    <link rel="stylesheet" href="animate.css">
    <style>
       html{
           height: 100%;
       } 
       body{
           height: 100%;
           background-color: black;
           overflow: hidden;
           /*设置弹性布局*/
           display: flex;
           justify-content: center;
           align-items: center;
           /*继承文本居中*/
           text-align: center;
       }
       #char{
           color: lightgreen;
           font-size: 300px;
           /*文本对齐方式*/
           /*text-align: center*/

       }
       #result{
           color: red;
           font-size: 20px;
       }
    </style>
     <main>
         <section id="char">H</section>
         <section id="result">请在键盘上按下现实的字母</section>
     </main>
     <script src="dazi.js"></script>
</head>
<body>
    
</body>
</html>